<!--
 * @功能描述: 基础list demo
 * @author: lzn
 * @date: 2022-09-22 09:21:31
 * @version: 1.0
-->
<script setup>
  const lists = ['lg', 'normal', 'sm'];
  const datas = [
    'Racing car sprays burning fuel into crowd',
    'Racing car sprays burning fuel into crowd',
    'Racing car sprays burning fuel into crowd',
  ]
  </script>
  
  <template>
    <div v-for="list in lists">
      <h2>{{ list }}</h2>
      <div class="yw-base-list yw-list-bordered yw-base-order-list" :class="'base-list-' + list">
        <div class="base-list-header">
          header
        </div>
        <ul class="base-list-items">
          <li class="base-list-item" v-for="(data, index) in datas">
            <span>{{index + 1 + '. '}}</span>{{data}}
          </li>
        </ul>
        <div class="base-list-footer">
          footer
        </div>
      </div>
    </div>
  </template>
  
  <style scoped>
  
  </style>